html {
  --color: #00a2ca;
}

#__layout .jl_button {
  background-color: var(--color);
  background: -webkit-linear-gradient(135deg, var(--color) 0%, var(--color) 100%);
  background: linear-gradient(315deg, var(--color) 0%, var(--color) 100%);
}

#__layout .mint-header {
  background-color: var(--color)
}

.nut-picker-control > * {
  color: var(--color) !important;
}

.jl_body > div:only-child:first-child > div:nth-child(2):last-child {
  height: calc(100% - 40px);
}

/*content样式*/
.jl_content {
  position: absolute;
  width: 100%;
  height: calc(100% - 87.2px);
  overflow-y: scroll;
  /*padding-bottom: 30px;*/
  margin-top: 35px;
}

/*tabs 样式*/
.jl_tabs {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 900;
  height: 8vh;
  width: 100%;
  background: white;
  border-top: 1px #cccccc solid;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.jl_tabs .jl_tabs_item {
  float: left;
  width: 100%;
}

.jl_tabs .jl_tabs_item .icon {
  float: left;
  width: 100%;
  height: 50%;
  font-size: 1.7rem;
  text-align: center;
  margin: 5% 0 2px 0;
}

.jl_tabs .jl_tabs_item span.name {
  float: left;
  width: 100%;
  text-align: center;
  font-size: .8rem;
}

.jl_tabs .jl_tabs_item.xuan {
  color: var(--color);
}

.jl_footer {
  background-color: #fff;
  border: 0.5px #cccccc solid;
}

.jl_form {
  background-color: white;
}


.page-enter-active, .page-leave-active, page-enter-to {
  transition: opacity 200ms;
}

.page-enter, .page-leave-active {
  opacity: 0;
}


.nut-switch.nut-switch-active {
  border-color: var(--color) !important;
}

.nut-switch.nut-switch-active .nut-switch-btn {
  background-color: var(--color) !important;
}

.jl_base {
  position: absolute;
  transition: all .3s;
  height: 100%;
  width: 100%;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.slide-left-enter,
.slide-right-leave-to {
  opacity: 0;
  transform: translate(100%, 0);
}

.slide-right-enter,
.slide-left-leave-to {
  opacity: 0;
  transform: translate(-100%, 0);
}
